<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- V: view，视图，给用户做展示，接收用户的输入。既就是：人机交互 -->
    <div id="app">
        <!-- 声明式渲染 -->
        <p>{{msg}}</p>
        <p>我今年：{{age}}岁了</p>
        
    </div>
    
</body>
</html>
<!-- <script src="./js/jQuery.js"></script> -->
<!-- VM：viewModel：就是vue的库 -->
<script src="./js/vue2.js"></script>
<script>

    // vue里提供了一个类 Vue。

    // M：model，模型，做数据和业务逻辑的处理。
    let vm = new Vue({
        el:"#app", //el：element。表示 该vue对象和id为app的dom元素对应。
        // data里定义数据。
        data:{
            msg:"hello vue",
            age:12
        }
    });

</script>
